<template>
	<view>
		<view class="page">
			<comp-common v-bind="{data:data}"></comp-common>
			<comp-header v-bind="{data:data}"></comp-header>
			<view class="body after-navber">
				<view class="w-100" style="overflow-x: hidden;position:relative;">
					<goods-header v-bind="{data:data}" @contentOpen="contentOpen" @contentClose="contentClose"></goods-header>
					<save-qrcode v-bind="{data:data}" @qrcodeClick="qrcodeClick" @saveQrcode="saveQrcode" @qrcodeClose="qrcodeClose" @getGoodsQrcode="getGoodsQrcode" @shareModalClose="shareModalClose" @onShareWebMessage="onShareWebMessage"></save-qrcode>
					<view class="banner" style="position:relative">
						<swiper autoplay="true" @change="hide" circular="true" class="goods-image-swiper" duration="300" indicatorDots="true"
						 interval="5000">
							<swiper-item v-for="(lgoods,index) in data.goods.pic_list" :key="index">
								<image @click="play" :class="['play',data.img_hide]" :data-url="data.goods.video_url" :src="data.__wxapp_img.dapp.video_play.url"
								 v-if="data.goods.video_url"></image>
								<image @click="onGoodsImageClick" class="goods-image" :data-index="index" mode="aspectFill" :src="lgoods.pic_url"></image>
							</swiper-item>
						</swiper>
						<view style="width:100%;text-align:center;height:56upx;position:absolute;top:574upx;">
							<view class="flex-row flex-x-center">
								<view class="flex-row flex-y-center" style="background-color:rgba(255,69,68,0.6);border-radius:32upx;height:56upx">
									<image src="../../static/lottery/lottery-white.png" style="display:block;width:24upx;height:24upx;margin:0 24upx"></image>
									<view style="color:#ffffff;margin-right:24upx">距活动结束:
										<text v-if="data.time_list.day>0||data.time_list.hour>0">{{data.time_list.day}}天</text>
										<text v-if="data.time_list.day>0||data.time_list.hour>0">{{data.time_list.hour}}小时</text>
										<text v-if="data.time_list.day==0&&data.time_list.hour==0">{{data.time_list.minute}}分</text>
										<text v-if="data.time_list.day==0&&data.time_list.hour==0">{{data.time_list.second}}秒</text>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="block" style="padding: 20upx 20upx 0 20upx">
						<view class="text-more-2" style="font-size:12pt;margin-bottom:24upx;line-height: 1.7;">{{data.goods.name}}</view>
						<view class="flex-row" style="color:#999999">
							<view class="flex-col flex-grow-1">
								<view class="flex-row flex-y-bottom">
									<view>共<text style="color:#ff5c5c">{{data.lottery_info.stock}}</text>份</view>
									<view style="margin-right:16upx;padding-left:50upx">{{data.goods.num}}人参与</view>
								</view>
								<view class="flex-row" style="padding:32upx 0 40upx 0">
									<view class="flex-grow-0" style="color:#ff5c5c">￥0</view>
									<view class="flex-grow-1" style="padding-left:50upx;text-decoration:line-through;">原价￥{{data.goods.original_price}}</view>
								</view>
							</view>
							<view class="flex-row flex-grow-0 flex-y-center">
								<button @click="showShareModal" class="share-btn" plain="true">
									<image :src="data.__wxapp_img.share.share.url" style="width: 40upx;height: 40upx"></image>
									<view style="color: #888">分享</view>
								</button>
							</view>
						</view>
					</view>
					<navigator openType="navigate" url="/lottery/rule/rule">
						<view class="flex-row flex-y-center flow">
							<view class="flex-grow-1">抽奖流程</view>
							<image class="flex-grow-0" :src="data.__wxapp_img.dapp.jiantou_r.url"></image>
						</view>
					</navigator>
					<view class="block">
						<view class="flex-row flex-x-center" style="padding-top:24upx;padding-bottom:40upx;color:#999;">
							<view class="flex-grow-1 flex-x-center flex-y-center">
								<view style="font-size:25pt;font-weight:bold;color:#dddddd">1</view>
								<view style="width:20upx"></view>
								<view class="flex-col" style="color:#666666">
									<view>参与</view>
									<view>抽奖</view>
								</view>
							</view>
							<view class="flex-grow-1 flex-x-center flex-y-center">
								<view style="font-size:25pt;font-weight:bold;color:#dddddd">2</view>
								<view style="width:20upx"></view>
								<view class="flex-col" style="color:#666666">
									<view>等待</view>
									<view>开奖</view>
								</view>
							</view>
							<view class="flex-grow-1 flex-x-center flex-y-center">
								<view style="font-size:25pt;font-weight:bold;color:#dddddd">3</view>
								<view style="width:20upx"></view>
								<view class="flex-col" style="color:#666666">
									<view>幸运</view>
									<view>中奖</view>
								</view>
							</view>
							<view class="flex-grow-1 flex-x-center flex-y-center">
								<view style="font-size:25pt;font-weight:bold;color:#dddddd">4</view>
								<view style="width:20upx"></view>
								<view class="flex-col" style="color:#666666">
									<view>下单</view>
									<view>收礼</view>
								</view>
							</view>
						</view>
					</view>
					<view class="flex-col lucky-all" v-if="data.lucky_list">
						<view class="flex-grow-1 fs-b">实时幸运码</view>
						<view class="flex-grow-1 font-minor" style="margin-top:16upx;font-size:10pt;margin-bottom:24upx">邀请好友参与，额外获赠幸运码，提高中奖率哦！</view>
						<swiper autoplay="true" circular="true" class="w-100" displayMultipleItems="2" duration="500" interval="2000"
						 style="height:184upx" vertical="true" v-if="data.lucky_list.length>0">
							<swiper-item catchtouchmove="catchTouchMove" v-for="(luckyitem,lindx) in data.lucky_list" :key="lindx">
								<view axnimation="animationLucky" class="flex-row flex-y-center" style="height:88upx;background:#fff5f5;padding:0 24upx;margin-bottom:8upx">
									<image class="flex-grow-0" :src="luckyitem.user.avatar_url" style="margin-right:32upx;height:64upx;width:64upx;border-radius:50%"></image>
									<view class="flex-grow-1 text-more-2" style="color:#353535;-webkit-line-clamp: 1;">{{luckyitem.user.nickname}}</view>
									<view class="flex-grow-0 font-normal">{{luckyitem.lucky_num}}个幸运码</view>
								</view>
							</swiper-item>
						</swiper>
					</view>
					<view class="flex-row flex-y-center flow">
						<view class="flex-grow-1">商品详情</view>
					</view>
					<view class="goods-detail">
						<wx-parse :myNodes="data.detail.nodes" ></wx-parse>
					</view>
					<view class="bottom flex-row flex-x-center flex-y-center">
						<view @click="buyNow" class="bottom-first flex-x-center flex-y-center">原价购买</view>
						<view @click="buyZero" class="bottom-second flex-x-center flex-y-center" v-if="data.goods.status">立即抽奖</view>
						<view class="bottom-end flex-x-center flex-y-center" v-else>已参与</view>
					</view>
					<view class="flex-x-centers flex-y-center" style="position: fixed;top: 0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.25)"
					 v-if="data.award_bg">
						<form bindsubmit="submit" class="flex-x-center" :data-lottery_id="data.lottery_info.id" data-type="navigate"
						 reportSubmit="true" style="width:100%;position:absolute;top:400upx;z-index:20">
							<button class="flex-x-center" formType="submit" id="lotterySubmit">
								<image :animation="animationTranslottery" src="../../static/lottery/lottery-box.png" style="opacity: 1;height:0;width:0;z-index:20"></image>
							</button>
						</form>
						<image src="../../static/lottery/lottery-boxbg.png" style="width:100%;height:840upx;position:absolute;top:140upx;left:0"></image>
					</view>
				</view>
				<navigator class="flex-grow-0" hoverClass="none" openType="redirect" url="/lottery/index/index">
					<view class="btn-main flex-x-center flex-y-center lottery-home fs-sm">
						<image src="../../static/lottery/lottery-home.png"></image>
						<text>返回抽奖会场</text>
					</view>
				</navigator>
				<view @click="close" class="modal flex-row" :class="data.hide">
					<view class="flex-y-center" style="width:100%;height:100%;position:relative;">
						<image :src="data.__wxapp_img.dapp.close2.url" style="width:50upx;height:50upx;position:absolute;left:24upx;top:24upx"></image>
						<video autoplay="true" direction="" id="video" :src="data.url" style="height:80%"></video>
					</view>
				</view>
			</view>

			<comp-quick-navigation v-bind="{data:data}"></comp-quick-navigation>
			<comp-footer v-bind="{data:data}"></comp-footer>


		</view>

	</view>
</template>
<script>var myVue = {};
	import goodsHeader from '../../components/goods-header/goods-header.vue'
	import saveQrcode from '../../components/save_qrcode/save_qrcode.vue'
	var lotteryInter, options_id, timer, luckyTimer, videoContext = "",
	WxParse = require("../../wxParse/wxParse.js");
	// , utils = getApp.helper;

	export default {
		data() {
			return {

				data: {
					id: null,
					hide: "hide",
					time_list: {
						day: 0,
						hour: "00",
						minute: "00",
						second: "00"
					},
					p: 1,
					user_index: 0,
					show_animate: !0,
					animationTranslottery: {},
					award_bg: !1,
					goods: {},
					lottery_info: {},
					share_modal_active: "",
					content:{}

				}

			};

		},
		components: {
			goodsHeader,
			saveQrcode
		},
		onLoad: function(t) {myVue = this;
			var that = this;
			if (myVue.getApp.page.onLoad(this, t), t.user_id && this.buyZero(),
				"undefined" == typeof my) {
				var e = decodeURIComponent(t.scene);
				if (void 0 !== e) {
					var o = that.getApp.helper.scene_decode(e);
					o.gid && (t.id = o.gid);
				}
			} else if (null !== that.getApp.query) {
				var a = app.query;
				that.getApp.query = null,
					t.id = a.gid;
			}
			options_id = t.id;
			console.log(options_id);
				that.getGoods({
					id: options_id
				});
		},
		onShow: function() {
			myVue.getApp.page.onShow(this)
		},
		onShareAppMessage: function() {
				var that = this;
				that.getApp.page.onShareAppMessage(that);
				var t = that.getApp.getUser(),
					e = that.data.lottery_info.id;
				return {
					imageUrl: that.data.goods.pic_list[0].pic_url,
					path: "/lottery/goods/goods?id=" + e + "&user_id=" + t.id
				};
			},

		methods: {
			getGoods: function(t) {
				var e = t.id;
				console.log(t);
				var a = this;
				                  a.getApp.core.showLoading({
				                    title: "加载中"
				                });
				a.getApp.request({
					url: a.getApp.api.lottery.goods,
					data: {
						id: e,
						user_id: t.user_id,
						page: 1
					},
					success: function(t) {
						console.log("getGoods");
						console.log(t.data);
						if (0 == t.code) {
							var e = t.data.goods.detail,
								o = t.data.lottery_info.end_time;
							a.setTimeStart(o),
								WxParse.wxParse("detail", "html", e, a),
								a.setData(t.data);
						} else a.getApp.core.showModal({
							title: "提示",
							content: t.msg,
							showCancel: !1,
							success: function(t) {
								t.confirm &&
									a.getApp.core.redirectTo({
										url: "/lottery/index/index"
									});
							}
						});
					},
					complete: function(t) {
						a.getApp.core.hideLoading();
					}
				});

			},
			catchTouchMove: function(t) {
				return !1;
			},
			setTimeStart: function(t) {
				var r = this,
					e = new Date(),
					s = parseInt(t - e.getTime() / 1e3);
				clearInterval(timer), timer = setInterval(function() {
					var t = 0,
						e = 0,
						o = 0,
						a = 0;
					0 < s && (t = Math.floor(s / 86400), e = Math.floor(s / 3600) - 24 * t, o = Math.floor(s / 60) - 24 * t * 60 -
						60 * e,
						a = Math.floor(s) - 24 * t * 60 * 60 - 60 * e * 60 - 60 * o);
					var i = {
						day: t,
						hour: e,
						minute: o,
						second: a
					};
					r.setData({
						time_list: i
					}), s--;
				}, 1e3), s <= 0 && clearInterval(timer);
			},
			buyZero: function() {
				var t = this,
					e = !this.data.award_bg;
				t.setData({
					award_bg: e
				});
				//#ifndef H5
				var o = t.getApp.core.createAnimation({
					duration: 1e3,
					timingFunction: "linear",
					transformOrigin: "50% 50%"
				});
				t.data.award_bg ? o.width("360upx").height("314upx").step() : o.scale(0, 0).opacity(0).step(),
					t.setData({
						animationTranslottery: o.export()
					});
				var a = 0;
				lotteryInter = setInterval(function() {
					a % 2 == 0 ? o.scale(.9).opacity(1).step() : o.scale(1).opacity(1).step(), t.setData({
						animationTranslottery: o.export()
					}), 500 == ++a && (a = 0);
				}, 500);
				//#endif
			},
			submitTime: function() {
				var e = this,
					o = 0;
				//#ifndef H5
				var t = e.getApp.core.createAnimation({
					duration: 500,
					transformOrigin: "50% 50%"
				});
				lotteryInter = setInterval(function() {
					o % 2 == 0 ? t.scale(2.3, 2.3).opacity(1).step() : t.scale(2.5, 2.5).opacity(1).step(),
						e.setData({
							animationTranslottery: t.export()
						}), 500 == ++o && (o = 0);
				}, 500);
				//#endif
			},
			submit: function(t) {
				var that = this;
				var e = t.detail.formId,
					o = t.currentTarget.dataset.lottery_id;
				myVue.getApp.core.navigateTo({
					url: "/lottery/detail/detail?lottery_id=" + o + "&form_id=" + e
				}), clearInterval(lotteryInter), this.setData({
					award_bg: !1
				});
			},
			play: function(t) {
				var that = this;
				var e = t.target.dataset.url;
				that.setData({
					url: e,
					hide: "",
					show: !0
				}), (videoContext = that.getApp.core.createVideoContext("video")).play();
			},
			close: function(t) {
				var that = this;
				if ("video" == t.target.id) return !0;
				that.setData({
					hide: "hide",
					show: !1
				}), videoContext.pause();
			},
			onGoodsImageClick: function(t) {
				var that = this;
				var e = [],
					o = t.currentTarget.dataset.index;
				for (var a in that.data.goods.pic_list) e.push(that.data.goods.pic_list[a].pic_url);
				that.getApp.core.previewImage({
					urls: e,
					current: e[o]
				});
			},
			hide: function(t) {
				var that = this;
				0 == t.detail.current ? that.setData({
					img_hide: ""
				}) : that.setData({
					img_hide: "hide"
				});
			},
			buyNow: function(t) {
				var that = this;
				var e = [],
					o = {
						goods_id: that.data.goods.id,
						num: 1,
						attr: JSON.parse(that.data.lottery_info.attr)
					};
				e.push(o);
				var a = [];
				a.push({
						store_id: 0,
						goods_list: e
					}),
					that.getApp.core.navigateTo({
						url: "/pages/new-order-submit/new-order-submit?store_list=" + JSON.stringify(a)
					});
			},	
			showShareModal: function() {

				this.setData({
					share_modal_active: "active"
				});
			},
			shareModalClose: function() {
				this.setData({
					share_modal_active: ""
				});
			},
			getGoodsQrcode: function() {
				var e = this;
				if (e.setData({
						qrcode_active: "active",
						share_modal_active: ""
					}), e.data.goods_qrcode) return !0;
				e.getApp.request({
					url: e.getApp.api.lottery.qrcode,
					data: {
						goods_id: e.data.lottery_info.id
					},
					success: function(t) {
						0 == t.code && e.setData({
							goods_qrcode: t.data.pic_url
						}), 1 == t.code && (e.goodsQrcodeClose(), e.getApp.core.showModal({
							title: "提示",
							content: t.msg,
							showCancel: !1,
							success: function(t) {
								t.confirm;
							}
						}));
					}
				});
			},
			qrcodeClick: function(t) {
				var e = t.currentTarget.dataset.src;
				myVue.getApp.core.previewImage({
					urls: [e]
				});
			},
			qrcodeClose: function() {
				this.setData({
					qrcode_active: ""
				});
			},
			goodsQrcodeClose: function() {
				this.setData({
					goods_qrcode_active: "",
					no_scroll: !1
				});
			},
			saveQrcode: function() {
				var e = this;
				e.getApp.core.saveImageToPhotosAlbum ? (e.getApp.core.showLoading({
					title: "正在保存图片",
					mask: !1
				}), e.getApp.core.downloadFile({
					url: e.data.goods_qrcode,
					success: function(t) {
						e.getApp.core.showLoading({
							title: "正在保存图片",
							mask: !1
						}), e.getApp.core.saveImageToPhotosAlbum({
							filePath: t.tempFilePath,
							success: function() {
								e.getApp.core.showModal({
									title: "提示",
									content: "商品海报保存成功",
									showCancel: !1
								});
							},
							fail: function(t) {
								e.getApp.core.showModal({
									title: "图片保存失败",
									content: t.errMsg,
									showCancel: !1
								});
							},
							complete: function(t) {
								e.getApp.core.hideLoading();
							}
						});
					},
					fail: function(t) {
						e.getApp.core.showModal({
							title: "图片下载失败",
							content: t.errMsg + ";" + e.data.goods_qrcode,
							showCancel: !1
						});
					},
					complete: function(t) {
						e.getApp.core.hideLoading();
					}
				})) : e.getApp.core.showModal({
					title: "提示",
					content: "当前版本过低，无法使用该功能，请升级到最新版本后重试。",
					showCancel: !1
				});
			},
		onShareWebMessage: function() {
				var that = this;
				that.getApp.page.onShareAppMessage(that);
				var t = that.getApp.getUser(),
					e = that.data.lottery_info.id;
					this.$webShare({
						imageUrl: that.data.goods.pic_list[0].pic_url,
						path: "/lottery/goods/goods?id=" + e + "&user_id=" + t.id
					}).then(function() {
						
					})
			},
		},

	}
</script>

<style scoped>
	.page /deep/ .goods-block {
		width: 100%;
		height: 72upx;
		background-color: #fff1f1;
		padding: 0 24upx;
	}

	.page /deep/ .goods-info {
		color: #3f3f3f;
		height: 100%;
	}

	.page /deep/ .goods-info .goods-img {
		width: 18upx;
		height: 18upx;
		transform: rotate(-90deg);
	}

	.page /deep/ .content-modal {
		position: fixed;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		z-index: 111;
	}

	.page /deep/ .content-body {
		width: 600upx;
		background-color: #fff;
		border-radius: 8upx;
		padding: 28upx 32upx 88upx 32upx;
		position: relative;
	}

	.page /deep/ .content-img {
		position: absolute;
		right: 32upx;
		top: 28upx;
	}

	.page /deep/ .goods-qrcode-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: rgba(0, 0, 0, .5);
		padding: 40upx;
		transform: translateY(100%);
		opacity: .5;
		transition: opacity 250ms;
		visibility: hidden;
	}

	.page /deep/ .goods-qrcode-modal.active {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

	.page /deep/ .goods-qrcode-body {
		background: #fff;
		height: 100%;
		border-radius: 10upx;
		z-index: 99999;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-box {
		height: 100%;
		position: relative;
		box-shadow: 0 0 15upx rgba(0, 0, 0, .15);
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-loading {
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode {
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;
		display: none;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode.active {
		display: block;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-close {
		position: absolute;
		top: 40upx;
		right: 40upx;
		padding: 15upx;
	}

	.page /deep/ .share-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .0);
		z-index: 1000;
		transform: translateY(100%);
		transition: background 250ms;
	}

	.page /deep/ .share-modal .share-modal-body {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #f2f2f2;
		padding-top: 60upx;
		transform: translateY(100%);
		transition: transform 250ms;
	}

	.page /deep/ .share-modal.active {
		transform: translateY(0);
		background: rgba(0, 0, 0, .5);
	}

	.page /deep/ .share-modal.active .share-modal-body {
		transform: translateY(0);
	}

	.page /deep/ .share-modal .share-bottom {
		text-align: center;
		font-size: 9pt;
		margin: 0;
		padding: 0;
		margin-bottom: 60upx;
		line-height: inherit;
		border: none;
		background: none;
		color: inherit;
		font-family: inherit;
		display: inline-block;
	}

	.page /deep/ .share-modal .share-bottom:after {
		display: none;
	}

	.page /deep/ .share-modal .share-bottom cover-image,
	.page /deep/ .share-modal .share-bottom image {
		width: 120upx;
		height: 120upx;
		margin-bottom: 12upx;
		border-radius: 999upx;
		border: 1upx solid #eee;
	}

	.page /deep/ .share-modal .share-bottom:active cover-image,
	.page /deep/ .share-modal .share-bottom:active image {
		opacity: .7;
	}

	.page /deep/ .share-modal .share-modal-close {
		background: #fff;
		height: 100upx;
		border-top: 1upx solid #eee;
	}

	.page /deep/ .banner {
		width: 100%;
		background-color: #fff;
	}

	.page /deep/ .goods-image-swiper {
		width: 100%;
		height: 750upx;
	}

	.page /deep/ .goods-image {
		width: 100%;
		height: 750upx;
	}

	.page /deep/ .hide {
		display: none;
	}

	.page /deep/ .modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 1);
		z-index: 9999;
	}

	.page /deep/ .modal video {
		width: 100%;
		height: 430upx;
	}

	.page /deep/ .play {
		width: 150upx;
		height: 150upx;
		position: absolute;
		top: 275upx;
		left: 300upx;
	}

	.page /deep/ .time-load {
		margin-top: -40upx;
		height: 80upx;
		width: 100%;
		position: relative;
		z-index: 10;
	}

	.page /deep/ .time-load .time-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 80upx;
		z-index: -1;
	}

	.page /deep/ .time-box {
		height: 42upx;
		color: #fff;
		background-color: #666;
		border-radius: 4upx;
		padding: 0 10upx;
	}

	.page /deep/ .block {
		background-color: #fff;
		margin-bottom: 16upx;
		width: 100%;
	}

	.page /deep/ .user-img {
		width: 96upx;
		height: 96upx;
		margin-right: 34upx;
		border-radius: 96upx;
	}

	.page /deep/ .font-o {
		color: #ff8c40;
		margin-left: 10upx;
	}

	.page /deep/ .progress-box {
		width: 100%;
		height: 40upx;
		border-radius: 20upx;
		border: 2upx solid #ff5c5c;
		overflow: hidden;
		margin-top: 28upx;
		margin-bottom: 16upx;
	}

	.page /deep/ .progress-view {
		width: 50%;
		height: 100%;
		border-radius: 20upx;
		background-color: #ff9f9f;
	}

	.page /deep/ .info {
		width: 100%;
		border-radius: 16upx;
		background-color: #fff7f7;
		margin-top: 44upx;
		padding: 32upx 24upx;
	}

	.page /deep/ .info .one {
		margin-bottom: 32upx;
	}

	.page /deep/ .info .one:last-child {
		margin-bottom: 0;
	}

	.page /deep/ .info image {
		width: 64upx;
		height: 64upx;
		margin-right: 24upx;
	}

	.page /deep/ .flow {
		height: 88upx;
		color: #353535;
		font-size: 13pt;
		border-bottom: 1upx solid #e2e2e2;
		background-color: #fff;
		padding: 0 20upx;
	}

	.page /deep/ .flow .flex-grow-0 {
		height: 34upx;
	}

	.page /deep/ .flow image {
		width: 14upx;
		height: 14upx;
		margin-right: 16upx;
	}

	.page /deep/ .shuoming {
		padding: 26upx 0 40upx 0;
	}

	.page /deep/ .shuoming view::before {
		content: '●';
		margin-right: 10upx;
	}

	.page /deep/ .goods-detail {
		padding-bottom: 120upx;
		background-color: #fff;
		width: 100%;
		padding: 0 20upx;
		margin-bottom: 100upx;
	}

	.page /deep/ .goods-detail text,
	.page /deep/ .goods-detail image,
	.page /deep/ .goods-detail view {
		box-sizing: border-box;
		max-width: 100%;
	}

	.page /deep/ .bottom {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100upx;
		background-color: #fff;
		color: #fff;
		border-top: 1upx solid #e2e2e2;
	}

	.page /deep/ .bottom-first {
		color: #ff4544;
		background: #fff5f5;
		width: 100%;
		height: 100%;
	}

	.page /deep/ .bottom-second {
		color: #ffffff;
		background: #ff4544;
		height: 100%;
		width: 100%;
	}

	.page /deep/ .bottom-end {
		color: #ffffff;
		background: #cdcdcd;
		height: 100%;
		width: 100%;
	}

	.page /deep/ .user-scroll {
		max-height: 264upx;
	}

	.page /deep/ .share-btn {
		line-height: normal;
		padding: 0 10upx;
		border: none;
		background: none;
		border-radius: 0;
		box-shadow: none;
		display: inline-block;
		font-size: 8pt;
	}

	.page /deep/ .lottery-time {
		position: absolute;
		top: 574upx;
		text-align: center;
		float: center;
		left: 50upx;
		background: #ff4544;
		opacity: 60%;
		border-radius: 28upx;
		height: 56upx;
		color: #ffffff;
	}

	.page /deep/ button#lotterySubmit {
		display: block !important;
		background: none !important;
		height: auto !important;
		width: 100% !important;
		border: none !important;
		border-radius: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: inherit !important;
		font-family: inherit !important;
		color: inherit !important;
		text-align: inherit;
	}

	.page /deep/ button#lotterySubmit:before,
	.page /deep/ button#lotterySubmit:after {
		border-radius: 0 !important;
		border: none !important;
	}

	.page /deep/ .flow navigator image {
		width: 12upx;
		height: 22upx;
		margin-left: 16upx;
	}

	.page /deep/ .lottery-home {
		position: fixed;
		bottom: 150upx;
		left: 0;
		height: 56upx;
		width: 200upx;
		border-radius: 0 28upx 28upx 0;
	}

	.page /deep/ .lottery-home image {
		width: 12upx;
		height: 22upx;
		margin-right: 10upx;
	}

	.page /deep/ .lucky-all {
		margin-bottom: 16upx;
		overflow-y: hidden;
		position: relative;
		padding: 20upx;
		background: #ffffff;
	}
</style>
